/*Removiendo estilos predefinidos*/
* {margin:0; padding:0; list-style-type: none; border:none; text-decoration: none;}

html    {font-size: 62.5%;}
body    { background: #ececec; font-family: Arial, Helvetica, sans-serif;
          font-size:1.4em;   }
 #wrapper { width: 80%; margin: 0 auto; }

    /*Estilos del Login*/
    .loginbox{ width: 460px; padding: 20px; margin: 0 auto; margin-top: 80px; background: #fff; border: 1px solid #CCCCCC;
     -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; border-radius:5px; position: relative;}
    .loginbox .logo{ position: absolute; top:100px; right: 30px;}
    .loginbox h1{ text-align: center; color: #E69700; margin-bottom: 20px; text-transform: capitalize; }
    .loginbox form {border-top:1px solid #ececec; padding-top: 20px;}
    .loginbox label, p{color: #999; text-transform: capitalize;}
    .loginbox p{ font-size: 1.2em;}
    .loginbox a{ color:#E69700}
    .loginbox a:hover{ text-decoration: underline;}
    .loginbox form label{ display: inline-block; margin-bottom: 5px;}
    .loginbox form input[type=text], input[type=password]{ border: 1px solid #ececec; font-size: 1.2em;
    margin-bottom: 5px; padding: 3px; font-weight: normal;}
    .loginbox form input[type=text]:hover, .loginbox form input[type=text]:focus,
    input[type=password]:hover, .loginbox form input[type=password]:focus{ 
        border: 1px solid #E69700;}
    .loginbox form input[type=submit]{ padding: 5px 10px; font-size: 1.2em;  color: #fff; cursor: pointer; background: #E69700;
    font-weight: bold; -moz-border-radius:15px;-webkit-border-radius:15px;-o-border-radius:15px;border-radius:15px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); text-transform: uppercase; margin-top: 20px}
     .loginbox form input[type=submit]:hover{ background: #FFBB2C;
     }

     /*Estilos del Área Principañ*/
     .header { background: #E69700; padding: 5px; color: #fff; margin-top: 40px; border-top: 20px solid #fff;}
     .header p{ font-size: 1.2em; padding-top: 5px; margin-right: 10px; color: #fff;}
     .header p span{ font-weight: bold;}
        .floatleft{ float: left;}
        .floatright{ float: right;}
        .clearfloat{ clear: both;}
     .content{ background: #fff; padding: 20px;}
     .content form label{ display: inline-block; color: #999; text-transform: capitalize;
    margin-bottom: 5px; font-size: 1.3em; margin-right: 10px; width: 200px; text-align: right;}
     .content p {font-size: 1.3em; color: #999;}
     .content form input[type=text], select{ border: 1px solid #ececec; font-size: 1.2em;
    margin-bottom: 5px; padding: 3px; font-weight: normal; display: inline-block;
     width: 250px; color: #999;}
     select{width: 258px;}
     .buttons{ margin-left: 214px;}
     .buttons input[type=submit]{padding: 5px 10px; font-size: 0.8em; cursor: pointer;
    background: #E69700; color: #fff; text-transform: uppercase; margin-top: 20px; font-weight: bold;
     -moz-border-radius:15px;-webkit-border-radius:15px;-o-border-radius:15px;border-radius:15px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2)}
     .buttons input[type=submit]:hover{ background: #FFBB2C;}


     .datatable{ margin-top: 20px;}
     .datatable table{border: 1px solid #ececec; font-size: 1.4em}
     .datatable table tr{ }
     .datatable table td, th{border: 1px solid #ececec; padding: 5px; color: #ccc;
     }